import React from 'react';
import './AboutUs.css';

export default function AboutUs() {
  return (
    <div className="about-container">
      <div className="about-content">
        <h1 className="about-title">关于我们</h1>
        
        <section className="about-section">
          <h2 className="section-title2">小组简介</h2>
          <p className="section-text">
            我们成立于2025年，是一个专注于创作服务客户网页的技能小组。至今为止，我们始终秉持"尽我所能，造福他人"的理念。
            
          </p>
          <p className="section-text">
            经过时间发展，我们已拥有一支由前端技术员和后端技术员组成的团队，在技术研发、产品设计和用户服务等方面积累了丰富经验，
            为用户提供了稳定的服务支持。
          </p>
        </section>
        
        <section className="about-section">
          <h2 className="section-title2">我们的使命</h2>
          <p className="section-text">
            在创造拥有价值的产品途中，积累项目经验，藏器于身，待机而动。
          </p>
        </section>
        
        <section className="about-section">
          <h2 className="section-title2">核心价值观</h2>
          <ul className="values-list">
            <li className="value-item">技术第一：始终将最新获得技术应用在产品上</li>
            <li className="value-item">持续创新：勇于探索新方法、新技术、新思路</li>
            <li className="value-item">团队协作：相信团队的力量大于个体之和</li>
          </ul>
        </section>
        
        <section className="about-section">
          <h2 className="section-title2">联系我们</h2>
          <p className="section-text">
            地址：无<br />
            电话：无<br />
            邮箱：无<br/>
            详情可见下方二维码
          </p>
        </section>
      </div>
    </div>
  );
}
